<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<!-- 适配移动端 -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no, shrink-to-fit=no, minimal-ui">
		<title>首页</title>
		<!-- 引入fontawesome5css -->
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
		<!-- 引入自己的css -->
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<!-- 页头 -->
		<div id="header-info">
			<div class="title">
				<div><img src="img/u=3378785091,2172471083&fm=27&gp=0.jpg"/><span>昵称</span></div>
				<p>三天前</p>
				<i class="fas fa-cog"></i>
			</div>
		</div>
		
		<!-- 主题 -->
		<div id="main-info">
			<div class="save">保存</div>
			<div class="list">
				<div class="tr">
					<div class="td">
						<div class="greed">标准</div>
						<i class="fas fa-weight"></i>
						<h6>体重</h6>
						<p>68.3kg</p>
					</div>
					<div class="td">
						<div class="greed">标准</div>
						<i class="fas fa-weight"></i>
						<h6>脂肪率</h6>
						<p>14.5%</p>
					</div>
					<div class="td">
						<div class="greed">标准</div>
						<i class="fas fa-tint"></i>
						<h6>水分率</h6>
						<p>57.3%</p>
					</div>
				</div>
				
				<div class="tr">
					<div class="td">
						<div class="greed">标准</div>
						<i class="fas fa-haykal"></i>
						<h6>基础代谢率</h6>
						<p>1625kcal/d</p>
					</div>
					<div class="td">
						<div class="blue">警戒</div>
						<i class="fas fa-weight"></i>
						<h6>内脏脂肪等级</h6>
						<p>5.0级</p>
					</div>
					<div class="td">
						<div class="greed">标准</div>
						<i class="fas fa-tint"></i>
						<h6>肌肉量</h6>
						<p>55.1kg</p>
					</div>
				</div>
				
				<div class="tr">
					<div class="td">
						<div class="greed">标准</div>
						<i class="fas fa-haykal"></i>
						<h6>骨盐量</h6>
						<p>3.3kg</p>
					</div>
					<div class="td">
						<div class="orange">偏高</div>
						<i class="fas fa-weight"></i>
						<h6>蛋白质</h6>
						<p>23.4%</p>
					</div>
					<div class="td">
						<div class="greed">标准</div>
						<i class="fas fa-tint"></i>
						<h6>BMI</h6>
						<p>20.8</p>
					</div>
				</div>
			</div>
			
			<div class="record">
				<div class="title">最近三次记录</div>
				<div class="list">
					<div class="tr">
						<div class="time">
							<h1>21:49</h1>
							<p>2019/02/18</p>
						</div>
						<div class="info">
							<div>
								<h4>体重</h4>
								<p>68.3kg</p>
							</div>
							<div>
								<h4>脂肪</h4>
								<p>14.5%</p>
							</div>
							<i class="fas fa-chevron-right"></i>
						</div>
					</div>
					
					<div class="tr">
						<div class="time">
							<h1>12:11</h1>
							<p>2019/02/14</p>
						</div>
						<div class="info">
							<div>
								<h4>体重</h4>
								<p>66.7kg</p>
							</div>
							<div>
								<h4>脂肪</h4>
								<p>13.4%</p>
							</div>
							<i class="fas fa-chevron-right"></i>
						</div>
					</div>
					
					<div class="tr">
						<div class="time">
							<h1>22:35</h1>
							<p>2019/02/13</p>
						</div>
						<div class="info">
							<div>
								<h4>体重</h4>
								<p>65.1kg</p>
							</div>
							<div>
								<h4>脂肪</h4>
								<p>12.6%</p>
							</div>
							<i class="fas fa-chevron-right"></i>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>